* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
  }
  
  html {
    font-size: 16px;
  }
  .box {
    height: 50px;
    background-color: #222;
    .container {
      padding: 0;
      // 导航栏
      .navbar-header {
        .navbar-brand {
          padding: 0 15px;
          display: flex;
          align-items: center;
        }
      }
      .navbar {
        border: none;
        margin-bottom: 0;
      }
      .navbar-wrapper {
        .navbar-brand {
          padding: 0 15px;
          > img {
            width: 130px;
          }
        }
      }
    }
  }

  main{
    // 内容一
    >.main_1{
      background-color: #8bc01f;
      >.box1{
        >.main_box{
          >.main_1-1{
            margin: 3.75rem auto;
            >div:first-of-type{
              display: flex;
              align-items: center;
              >img{
                width: 3.3125rem;
                height: 3.3125rem;
              }
              >h2{
                margin-left: .625rem;
                color: #fff;
                font-size: 2.1875rem;
              }
            }
            >div:nth-of-type(2){
              margin-top: 1.375rem;
              >h4{
                font-size: 1.4375rem;
                color: #fff;
              }
            }
            >div:nth-of-type(3){
              margin-top: 4.1875rem;
              >p{
                margin-top: 1.875rem;
                font-size: .875rem;
                color: #fff;
              }
            }
            >div:last-of-type{
              margin-top: 2.1875rem;
              >a{
                display: inline-block;
                width: 6.25rem;
                height: 2.1875rem;
                background-color: #fff;
                border-radius: .3125rem;
                text-align: center;
                line-height: 2.1875rem;
                color: #92c333;
                font-size: .8125rem;
              }
            }
          }
          >.main_1-2{
            margin: 3.75rem auto;
            >img{
              width: 29.375rem;
              height: 27.8125rem;
            }
          }
        }
      }
    }
    // 内容二
    >.main_2{
      background-color: #3393df;
        >.box2{
          >.main_box2{
            // 左边
            >.main_2-1{
              margin-top: 4.375rem;
              >div:first-of-type{
                display: flex;
                align-items: center;
                >img{
                  width: 2.75rem;
                  height: 2.75rem;
                }
                >h2{
                  margin-left: .8125rem;
                  font-size: 2.1875rem;
                  color: #fff;
                }
              }
              >div:last-of-type{
                margin-top: 1.25rem;
                >img{
                  width: 18.75rem;
                height: 18.125rem;
                }
              }
            }
            // 中间
            >.main_2-2{
              margin-top: 10.3125rem;
              >div:first-of-type{
                >h5{
                  font-size: 1.5625rem;
                  color: #fff;
                }
                p{
                  line-height: 2rem;
                  font-size: .875rem;
                  color: #fff;
                }
              }
              >div:last-of-type{
                
                >h5{
                  font-size: 1.5625rem;
                  color: #fff;
                }
                p{
                  line-height: 2rem;
                  font-size: .875rem;
                  color: #fff;
                }
              }
            }
            // 右边
            >.main_2-3{
              margin-top: 18.125rem;
              margin-bottom: 3.75rem;
              >img{
                width: 16.5625rem;
                height: 17.1875rem;
              }
            }
          }
        }

    }
    // 内容三
    >.main_3{
      >.box3{
        >.main_box3{
          >.main_3-1{
            >div:first-of-type{
              display: flex;
              align-items: center;
              margin-top: 5.625rem;
              >img{
                width: 2.5625rem;
                height: 2.5625rem;
              }
              >h2{
                margin-left: .8125rem;
                font-size: 1.9375rem;
                color: #3393df;
              }
            }
            >div:nth-of-type(2){
              margin-top: 1.25rem;
              >p{
                font-size: 1.125rem;
                color: #5d5d5d;
              }
            }
            >div:nth-of-type(3){
              margin-top: 2.1875rem;
              >h5{
                font-size: 1.0625rem;
                color: #3393df;
              }
              p{
                margin-top: 1.875rem;
                font-size: .875rem;
                color: #5d5d5d;
                text-indent: 2em;
              }
            }
            >div:nth-of-type(4){
              margin-top: 2.1875rem;
              >h5{
                font-size: 1.0625rem;
                color: #3393df;
              }
              p{
                margin-top: 1.875rem;
                font-size: .875rem;
                color: #5d5d5d;
                text-indent: 2em;
              }
            }
            >div:nth-of-type(5){
              margin-top: 2.1875rem;
              >h5{
                font-size: 1.0625rem;
                color: #3393df;
              }
              p{
                margin-top: 1.875rem;
                font-size: .875rem;
                color: #5d5d5d;
                text-indent: 2em;
              }
            }
            >div:nth-of-type(6){
              margin-left: 9.375rem;
              margin-top: 1.875rem;
              >img{
                width: 8.75rem;
                height: 8.75rem;
              }
            }
          }
          >.main_3-2{
            >div:first-of-type{
              display: flex;
              align-items: center;
              margin-top: 5.625rem;
              >img{
                width: 2.5625rem;
                height: 2.5625rem;
              }
              >h2{
                margin-left: .8125rem;
                font-size: 1.9375rem;
                color: #3393df;
              }
            }
            >div:nth-of-type(2){
              margin-top: 1.25rem;
              >p{
                font-size: 1.125rem;
                color: #5d5d5d;
              }
            }
            >div:nth-of-type(3){
              margin-top: 2.1875rem;
              >h5{
                font-size: 1.0625rem;
                color: #3393df;
              }
              p{
                margin-top: 1.875rem;
                font-size: .875rem;
                color: #5d5d5d;
                text-indent: 2em;
              }
            }
            >div:nth-of-type(4){
              margin-top: 3.75rem;
              >h5{
                font-size: 1.0625rem;
                color: #3393df;
              }
              p{
                margin-top: 1.875rem;
                font-size: .875rem;
                color: #5d5d5d;
                text-indent: 2em;
              }
            }
            >div:nth-of-type(5){
              margin-top: 3rem;
              >h5{
                font-size: 1.0625rem;
                color: #3393df;
              }
              p{
                margin-top: 1.875rem;
                font-size: .875rem;
                color: #5d5d5d;
                text-indent: 2em;
              }
            }
            >div:nth-of-type(6){
              margin-left: 9.375rem;
              margin-top: 1.875rem;
              >img{
                width: 8.75rem;
                height: 8.75rem;
              }
            }
          }
        }
      }
    }
    // 内容四
    >.main_4{
      margin-bottom: 5.3125rem;
      >.box4{
        >.main_box4{
          >.main_4-1{
            >div:first-of-type{
              display: flex;
              align-items: center;
              margin-top: 5.625rem;
              >img{
                width: 2.5625rem;
                height: 2.5625rem;
              }
              >h2{
                margin-left: .8125rem;
                font-size: 1.9375rem;
                color: #3393df;
              }
            }
            >div:nth-of-type(2){
              margin-top: 1.25rem;
              >p{
                font-size: 1.125rem;
                color: #5d5d5d;
              }
            }
            >div:nth-of-type(3){
              margin-top: 2.1875rem;
              >h5{
                font-size: 1.0625rem;
                color: #3393df;
              }
              p{
                margin-top: 1.875rem;
                font-size: .875rem;
                color: #5d5d5d;
                text-indent: 2em;
              }
            }
            >div:nth-of-type(4){
              margin-top: 2.1875rem;
              >h5{
                font-size: 1.0625rem;
                color: #3393df;
              }
              p{
                margin-top: 1.875rem;
                font-size: .875rem;
                color: #5d5d5d;
                text-indent: 2em;
              }
            }

            >div:nth-of-type(5){
              margin-left: 9.375rem;
              margin-top: 1.875rem;
              >img{
                width: 8.75rem;
                height: 8.75rem;
              }
            }
          }
          >.main_4-2{
            >div:first-of-type{
              display: flex;
              align-items: center;
              margin-top: 5.625rem;
              >img{
                width: 2.5625rem;
                height: 2.5625rem;
              }
              >h2{
                margin-left: .8125rem;
                font-size: 1.9375rem;
                color: #3393df;
              }
            }
            >div:nth-of-type(2){
              margin-top: 1.25rem;
              >p{
                font-size: 1.125rem;
                color: #5d5d5d;
              }
            }
            >div:nth-of-type(3){
              margin-top: 2.1875rem;
              >h5{
                font-size: 1.0625rem;
                color: #3393df;
              }
              p{
                margin-top: 1.875rem;
                font-size: .875rem;
                color: #5d5d5d;
                text-indent: 2em;
              }
            }
            >div:nth-of-type(4){
              margin-top: 2rem;
              >h5{
                font-size: 1.0625rem;
                color: #3393df;
              }
              p{
                margin-top: 1.875rem;
                font-size: .875rem;
                color: #5d5d5d;
                text-indent: 2em;
              }
            }

            >div:nth-of-type(5){
              margin-left: 9.375rem;
              margin-top: 1.875rem;
              >img{
                width: 8.75rem;
                height: 8.75rem;
              }
            }
          }
        }
      }
    }
  }

  footer{
    .fter{
      background-color: #3b3b3b;
      >.box6{
          
          >.fter_box1{
              overflow: hidden;
              margin-top: 2.1875rem;
              
              >.fter_1-1{
                  
                  >div:first-of-type{
                      >a{
                          font-size: .875rem;
                          color: #a1a3ab;
                      }
                  }
                  >div:last-of-type{
                      >p{
                          margin-top: .9375rem;
                          font-size: .75rem;
                          color: #a1a3ab;
                      }
                  }
              }
              >.fter_1-2{
                  margin-bottom: 1.25rem;
                  >a{
                      img{
                          width: 2.375rem;
                          height: 2.375rem;
                      }
                  }
                  
                  
              }
          }
      }
  }
  }

  

  
  // ipad端 >= 768px   < 992px
  @media screen and (min-width: 768px) and (max-width: 991px) {
    html {
      font-size: 14px;
    }
    .box {
      height: 100%;
      .navbar-wrapper {
        .navbar {
          margin-bottom: 0;
        }
        // 语言
        #navbar {
          .dropdown {
            position: absolute;
            top: 0;
            right: 80px;
          }
        }
      }
    }
    main{
      // 内容一
      >.main_1{
        >.box1{
          >.main_box{
            >.main_1-2{
              img{
                width: 100%;
                height: 100%;
              }
            }
          }
        }
      }
      // 内容二
      >.main_2{
        >.box2{
          >.main_box2{
            >.main_2-1{
              margin-top: 1.375rem;
            }
            >.main_2-2{
              margin-top: 3.375rem;
            }
            >.main_2-3{
              margin-top: 6.375rem;
            }
          }
        }
      }
      // 内容四
      >.main_4{
        >.box4{
          >.main_box4{
            >.main_4-2{
              >div:nth-of-type(4){
                margin-top: 3.2rem;
              }
              >div:nth-of-type(5){
                margin-top: 3.5rem;
              }
            }
          }
        }
      }
    }
  }
  
  // 移动端 < 768px
  @media screen and (max-width: 767px) {
    html {
      font-size: 12px;
    }
    .box {
      height: 100%;
      .navbar-wrapper {
        .container {
          .navbar {
            margin-bottom: 0;
          }
          // 语言
          #navbar {
            position: absolute;
            left: 0;
            top: 50px;
            background-color: #222;
            width: 100vw;
            .dropdown {
            }
          }
        }
      }
    }
    main{
      // 内容一
      >.main_1{
        >.box1{
          >.main_box{
            >.main_1-2{
              display: none;
              img{
                
              }
            }
          }
        }
      }
      // 内容二
      >.main_2{
        >.box2{
          >.main_box2{
           
            >.main_2-1{
              >div:last-of-type{
                img{
                  display: none;
                }
              }
            }
            >.main_2-2{
              margin-top: .625rem;
              
            }
            >.main_2-3{
              margin-top: 5.625rem;
              img{
                display: none;
              }
            }
          }
        }
      }
      // 内容三
      >.main_3{
        >.box3{
          >.main_box3{
            >.main_3-1{
              >div:last-of-type{
                display: none;
              }
            }
            >.main_3-2{
              >div:last-of-type{
                display: none;
              }
            }
          }
        }
      }
      // 内容四
      >.main_4{
        >.box4{
          >.main_box4{
            >.main_4-1{
              >div:last-of-type{
                display: none;
              }
            }
            >.main_4-2{
              >div:last-of-type{
                display: none;
              }
            }
          }
        }
      }
    }
  

  }
  